<template>
    <div class="box">
        <div class="btnDiv">
            <span @click="quit">取消</span>
            <span @click="sure">确定</span>
        </div>
        <div>
            <van-field
                readonly
                clickable
                :value="value"
                @touchstart.native.stop="show = true"
            />
            <van-number-keyboard
                v-model="value"
                :show="show"
                :maxlength="6"
                @blur="show = false"
            />
        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{
                show: true,
                value: '', //手动核销条形码
            }
        },
        methods:{
            quit(){
                this.$router.push('./GroupBuy')
            },
            sure(){
                this.$router.push('./GroupBuy')
            }
        }
    }
</script>
<style scoped>
    body{
        background: #808080;
    }
    .box{
        width: 100%;
        height: 400px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: white;
        border-radius: 20px;
    }
    .btnDiv{
        width: 90%;
        margin: 10px auto;
        height: 50px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 20px;
    }

</style>